.login {
	background: #FFFFFF;
	.l-header {
		padding: 0 3%;
		.h-tabs {
			display: flex;
			justify-content: space-between;
			view {
				flex: 1;
				display: flex;
				justify-content: center;
				align-items: center;
				height: 88rpx;
				text {
					display: flex;
					align-items: center;
					height: 100%;
					padding: 0 20rpx;
					color: #999999;
					font-size: 32rpx;
					position: relative;
				}
			}
			view.t-item-active {
				text {
					color: #FF464E;
					&::after {
						content: "";
						width: 100%;
						height: 2px;
						position: absolute;
						left: 0;
						bottom: 0;
						background: #FF464E;
					}
				}
				
			}
		}
		
		.h-forms {
			margin-bottom: 100rpx;
			.f-input {
				input {
					width: 100%;
					height: 88rpx;
					color: #999;
				}
				button {
					color: #fff;
					margin-top: 40rpx;
					background: #dbdbdb;
					letter-spacing: 8px;
					&::after {
						border: none;
					}
				}
				button.i-active {
					background: #FF464E;
				}
				button.i-tap {
					opacity: .7;
				}
				.i-forget {
					display: flex;
					justify-content: space-between;
					padding: 15rpx 0;
					color: #999;
					font-size: 30rpx;
					
				}
			}
		}
	}
	
	.l-other {
		padding: 0 3%;
		.o-title {
			color: #999;
			font-size: 22rpx;
			text-align: center;
			margin-bottom: 50rpx;
		}
		.o-img {
			display: flex;
			justify-content: center;
			image {
				width: 90rpx;
				height: 90rpx;
				&:nth-child(2) {
					margin: 0 100rpx;
				}
			}
		}
	}
}